<html>
<head>
<script type='text/javascript' src='dwr/interface/Service.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/sortable.js"></script>
<link rel="stylesheet" href="styles/styles.css" type="text/css">

</script>
</head>
<body>

<div><span id="messageText"  style="background-color: lightgreen;"/></span></div>
<div><span id="errorText"  style="background-color: red;"/></span></div>
<div id="instructionsDiv" style="background-color: yellow;">
</div>
<div id="infoDiv" style="display: none;background-color: yellow;">
<ul>
	<li>Some info...</li>
</ul>
</div>
<p></p>
<div id="entryDiv">
<table class="entryTable">
	<tr><th>First Name*:</th><td><input type="text" id="firstName"/></td></tr>
	<tr><th>Last Name*:</th><td><input type="text" id="lastName"/></td></tr>
	<tr><th>Birth Year*:</th><td><input type="text" id="birthYear"/></td></tr>
	<tr>
		<th>Gender*:</th>
		<td>
			<select id="gender">
				<option value=""></option>
				<option value="Woman">Woman</option>
				<option value="Man">Man</option>
			</select>
		</td>
	</tr>
	<tr>
		<th>Type*:</th>
		<td>
			Type1: <input id="checkCC" type="checkbox" />&nbsp;
			Type2: <input id="checkJump" type="checkbox" />
		</td>
	</tr>
	<tr><th>Email:</th><td><input type="text" id="email"/></td></tr>
	<tr><th>Adress:</th><td><input type="text" id="address"/></td></tr>
	<tr><th>City:</th><td><input type="text" id="city"/></td></tr>
	<tr><th>Postal Code:</th><td><input type="text" id="postCode"/></td></tr>
	<tr><th>Phone Number:</th><td><input type="text" id="phoneNumber"/></td></tr>
	<tr><td colspan="2" align="center"><input type="button" onclick="addRegistration()" value="Add Registration"></td></tr>
</table>
</div>
<p></p>
<div>
<div id="registrationsDiv"></div>
<p></p>
<input id="submitButton" type="button" onclick="submitRegistrations()" value="Confirm Registration">
<img alt="spinner" id="spinner" src="images/ajax-loader.gif" style="display:none;" />
</div>

<script type="text/javascript">
	drawTable(false);
</script>
<a href="details.html">Details</a>
</body>
</html>
